extends layout
block css
  link(href="static/css/style.css",rel="stylesheet" type="text/css")
  link(href="static/css/jquery.datetimepicker.css",rel="stylesheet" type="text/css")
block script
  script(src="static/js/jquery.datetimepicker.full.js")
block body
  .suoyou
    #zSlider
      #picshow
        #picshow_img
          ul

              li
                a(href='###')
                  img(src='static/images/500x500.jpg')
              li
                a(href='###')
                  img(src='static/images/1.jpg')
              li
                a(href='###')
                  img(src='static/images/2.jpg')
              li
                a(href='###')
                  img(src='static/images/3.jpg')
              li
                a(href='###')
                  img(src='static/images/4.jpg')


        //#picshow_tx
        //  ul
        //    -for(var a=0;a<8;a++)
        //      li
        //        p 二十四孝图

      #select_btn
        ul
          -for(var a=0;a<5;a++)
            li
              a(href='###')
                img(src='static/images/500x500.jpg')
                span.select_text 二十四孝图

  .data-box-warp
    .data-box
      .title1 垃圾分类大数据
      .title2 垃圾分类率力争达50%，资源回收率达16%，资源化处理率达90%，末端处理率低于75%，无害化处理率达85%，厨余垃圾转化再利用率达10%
      ul
        li
          .p1 1024
            span 单位
          .p2 2015-06-07
        li
          .p1 1024
            span 单位
          .p2 2015-06-07
        li
          .p1 1024
            span 单位
          .p2 2015-06-07
        li.form
          form
            .form-input
              input(type='text' value='时间' )#datetimepicker2
            .form-input
              input(type='text' value='小区')
            .form-input
              a(href="###").btn
                img(src="static/images/s.png")
                |搜索
          script.
            $.datetimepicker.setLocale('ch');
            $('#datetimepicker2').datetimepicker({
              yearOffset: 222,
              lang: 'ch',
              timepicker: false,
              format: 'd/m/Y',
              formatDate: 'Y/m/d',
              minDate: '-1970/01/02', // yesterday is minimum date
              maxDate: '+1970/01/02' // and tommorow is maximum date calendar
            });


  .suoyou
    .nr
      .xwleft

        .xwright1
          h3.sz 推广动态
          .xw22
            ul
              -for(var a=0;a<9;a++)
                li
                  a(href='###') 桂林孔子学院桃源书院第十...
                  a.sj(href='###') 2015-07-01

      .xwright
        .sz 视频展示
        .video-pic
          a(href='###')
            img(src='static/images/500x500.jpg' )
  div(style="width:1280px; margin:0 auto;")
    .pic-list-title 新闻动态
      .pic-list-title-line
    .pic-list
      ul
        -for(var a=0;a<4;a++)
          li
            a(href='###')
              img(src='static/images/500x500.jpg' width='320' height='240')
              p 巴啦啦小魔仙

  .suoyou
    .pic-list-title 支持桂林垃圾分类光荣榜<br><span>(以上企业安事件排序这里蚊子是我随便写的)</span>
      .pic-list-title-line
    .pic-list.pic-list2
      ul
        -for(var a=0;a<6;a++)
          li
            a(href='###')
              img(src='static/images/500x500.jpg')
              span 巴啦啦小魔仙
              strong
                img(src='static/images/r-bg.png')

